/**
 * @fileOverview svg容器
 */

module.exports = gg.createClass({
    attributes: {
        x: {
            label: '半径',
            type: 'datatype.Number',
            defaultValue: 50,
            setter: function(v) {
                this.node.attr('cx', v);
            },
            getter: function() {
                return this.node.attr('cx');
            }
        },
        y: {
            label: '半径',
            type: 'datatype.Number',
            defaultValue: 50,
            setter: function(v) {
                this.node.attr('cy', v);
            },
            getter: function() {
                return this.node.attr('cy');
            }
        },
        rx: {
            label: '水平半径',
            type: 'datatype.Number',
            defaultValue: 100,
            setter: function(v) {
                this.node.attr('rx', v);
            },
            getter: function() {
                return this.node.attr('rx');
            }
        },
        ry: {
            label: '垂直半径',
            type: 'datatype.Number',
            defaultValue: 50,
            setter: function(v) {
                this.node.attr('ry', v);
            },
            getter: function() {
                return this.node.attr('ry');
            }
        },
    },
    methods: {
        /**
         * @override
         */
        createNode: function() {
            return $(this.createElement('ellipse'));
        }
    },
    events: {}
}, 'ui.svg.Shape', []);